<template>
  <div class="pd-10">
    <a-table size="small" :dataSource="dataSource" :columns="columns" :pagination="pagination" bordered/>
  </div>
</template>

<script lang="ts" name="documentStatus" setup>
  import { reactive, toRaw } from 'vue';
  const columns = [{
      title: '档案类别',
      dataIndex: 'type',
      align: 'center'
    },
    {
      title: '开立',
      dataIndex: 'kl',
      align: 'center'
    },
    {
      title: '审核中',
      dataIndex: 'shz',
      align: 'center'
    },
    {
      title: '已审核',
      dataIndex: 'ysh',
      align: 'center'
    },
    {
      title: '开工',
      dataIndex: 'kg',
      align: 'center'
    },
    {
      title: '完工',
      dataIndex: 'wg',
      align: 'center'
    },
    {
      title: '挂起',
      dataIndex: 'gq',
      align: 'center'
    },
  ];
  const dataSource = [{
      type: '生产订单',
      kl: '',
      shz: '',
      ysh: '√',
      kg: '√',
      wg: '√',
      gq: '√'
    },
    {
      type: '重复计划',
      kl: '',
      shz: '',
      ysh: '√',
      kg: '√',
      wg: '√',
      gq: '√'
    },
    {
      type: '采购订单',
      kl: '√',
      shz: '√',
      ysh: '√',
      kg: '√',
      wg: '√',
      gq: '√'
    }, {
      type: '请购单',
      kl: '',
      shz: '√',
      ysh: '√',
      kg: '√',
      wg: '√',
      gq: '√'
    },
  ];
  // 分页器配置
  const pagination = {
    // 隐藏分页
    hideOnSinglePage : true
  }

</script>

<style scoped>
  /deep/.ant-table .ant-table-thead > tr > th {
    background-color: #d7d7d7;
    border-right: 0;
  }
</style>
